﻿@namespace IoTSharp.ClientApp.Pages.User
@layout UserLayout
@using AntDesign
@page "/user/register"

<div class="main__b__1">
    <div class="register">
        <h3>注册</h3>
        <Form Model="@_user">
            <FormItem>
                <AntDesign.Input  Placeholder="邮箱"  @bind-Value="@context.UserName" ></AntDesign.Input>
            </FormItem>

            <FormItem>
                <AntDesign.Input Placeholder="至少6位密码，区分大小写"    @bind-Value="@context.Password"   Type="password"></AntDesign.Input>
            </FormItem>

            <FormItem>
                <AntDesign.Input Placeholder="确认密码"   @bind-Value="@context.ConfirmPassword" Size="@InputSize.Large" Type="password"></AntDesign.Input>
            </FormItem>

            <FormItem>
                <InputGroup Compact Size="@InputSize.Large" Style="display: table">
                    <Select
                        TItem="string"
                        TItemValue="string"
                        DefaultValue=@("+86")
                        Style="width: 25%"
                        Size="large">
                        <SelectOptions>
                            <SelectOption TItem="string" TItemValue="string" Value="@("+86")" Label="+86"/>
                            <SelectOption TItem="string" TItemValue="string" Value="@("+87")" Label="+87"/>
                        </SelectOptions>
                    </Select>
                    <AntDesign.Input Placeholder="手机号" Style="width: 75%;" @bind-Value="@context.Phone"></AntDesign.Input>
                </InputGroup>
            </FormItem>

         @*   <FormItem>
                <FormItem>
                    <Row Gutter="8">
                        <AntDesign.Col Span="16">
                            <AntDesign.Input Placeholder="验证码" @bind-Value="@context.Captcha" Size="@InputSize.Large"></AntDesign.Input>
                        </AntDesign.Col>
                        <AntDesign.Col Span="8">
                            <Button Size="large" Block>获取验证码</Button>
                        </AntDesign.Col>
                    </Row>
                </FormItem>
            </FormItem>*@

            <FormItem>
                <Button Type="primary" Size="large" OnClick="Reg" class="submit">注册</Button>
                <a class="login" href="/user/login">使用已有账户登录</a>
            </FormItem>
        </Form>
    </div>
</div>
